<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XXX管理系统</title>
    <link rel="stylesheet" href="css/main-style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css ">

</head>
<body>

    <header id="header">
        <h1>商品管理系统</h1>

    </header>
    <aside id="nav">

            <ul>
                <li> <i class="fa fa-user"></i>  <a href="user-page.html" target="mainFrame">用户管理</a></li>
                <li><i class="fa fa-grav"></i> <a href="order-page.html" target="mainFrame">订单管理</a></li>
                <li><i class="fa fa-address-card-o"></i> <a href="#">商品管理</a></li>
                <li><i class="fa fa-asterisk"></i> <a href="#">财务管理</a></li>
                <li><i class="fa fa-area-chart"></i> <a href="#">统计管理</a></li>

            </ul>



    </aside>
    <section id="container">
            <iframe src="user-page.html"  name="mainFrame"  frameborder="0" id="main-frame"></iframe>
    </section>

</body>
</html>